<template>
  <div class="online-container app-container">
    <el-row class="main">
      <el-col :span="18" class="chart-info">
        <ScanSection>
          <div class="charts">
            <AnalyseCharts view-type="monitor" />
          </div>
          <div class="tabs">
            <BottomSignalTabs />
          </div>
        </ScanSection>
      </el-col>
      <el-col :span="6" class="chart-form">
        <ScanSection class="charts">
          <div class="form">
            <RightSettings />
          </div>
        </ScanSection>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
import ScanSection from '@/components/SpectrumSignal/ScanSection.vue'
import AnalyseCharts from '@/views/analyseCharts'
import RightSettings from './rightSettings'
import BottomSignalTabs from './bottomSignalTabs'

const spectrumList = [
  { value: '85-109M(25KHz)', key: 0 },
  { value: '85-109M(25KHz)', key: 1 },
  { value: '85-109M(25KHz)', key: 2 },
  { value: '85-109M(25KHz)', key: 3 },
  { value: '85-109M(25KHz)', key: 4 },
]
const activeKey = ref(0)
</script>

<style scoped lang="scss">
@import "@/assets/styles/mixin.scss";

.online-container {
  @include boxBg('@/assets/images/specscanbg.png');
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 1rem;
  overflow-y: auto;
  .main {
    height: 100%;
  }
}
.chart-form{
  padding-left:10px;
}
</style>